<div class="here-you-are">
&nbsp;
</div>
<div class="span7">
	<img src="<?php echo IMG; ?>cambodia-map.jpg" alt="Cambodia Map" border="0" usemap="#Map" class="cambodia-map" title="Cambodia map" id="mapImage">
    <map name="Map" id="Map">
    	<?php 
			foreach($records as $record){
				if($record -> has_depot){				
					echo '<area onclick="showDepots(event,' . $record -> id . ', \'' . $record -> province_name . '\')" shape="' . $record -> shape . '" coords="' . $record -> lat_lon . '" href="' . GetController('url') . 'get-district?sb_proId=' . $record -> id . '" id="' . $record -> id . '" class="jTip area_' . $record -> id . '" data-maphilight=\'{"strokeColor":"0000ff","strokeWidth":1,"fillColor":"' . $record -> color . '","fillOpacity":0.6,"alwaysOn": true }\' alt="' . $record -> province_name . '">';
				}else{
					echo '<area onclick="showDepots(event,' . $record -> id . ', \'' . $record -> province_name . '\')" shape="' . $record -> shape . '" coords="' . $record -> lat_lon . '" href="' . GetController('url') . 'get-district?sb_proId=' . $record -> id . '" id="' . $record -> id . '" class="jTip area_' . $record -> id . '" data-maphilight=\'{"strokeColor":"0000ff","strokeWidth":1,"fillColor":"' . $record -> color . '","fillOpacity":0.6}\' alt="' . $record -> province_name . '">';
				}
			}
		?>      
    </map>
</div>
<div class="span2">
	<div class="map-info">
		<ul class="ul-info-list">
			<?php 
				foreach($records as $record){
					echo '<li><a href="' . GetController('url') . 'provinces?sb_proId=' . $record -> id . '" id="area_' . $record -> id . '" class="province-name">' . $record -> province_name . '</a></li>';
				}
			?>
		</ul>
	</div>
</div>